<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>HTML5中国象棋游戏</title>
    <link rel="icon" type="image/png" href="./img/favicon.png">
    <link href="css/zzsc.css" type="text/css" rel="stylesheet"/>
    <link href="css/home-icon.css" type="text/css" rel="stylesheet"/>
    <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet"/>

</head>
<body>
<div class="header">
    <a href="/" >
        <img src="./img/icons8-home.png"  class="home-icon" alt="返回首页" >
    </a>
</div>
<div class="box" id="box">
    <div class="chess_left">
        <canvas id="chess">对不起，您的浏览器不支持HTML5，请升级浏览器至IE9、firefox或者谷歌浏览器！</canvas>
        <!--点击棋子音频-->
        <audio src="audio/click.wav" id="clickAudio" preload="auto"></audio>

        <!--选择棋子音频-->
        <audio src="audio/select.wav" id="selectAudio" preload="auto"></audio>

        <div>
            <div class="bn_box" id="bnBox">
                <input type="button" name="offensivePlay" id="tyroPlay"
                       class="btn btn-success " value="新手水平"/>

                <input type="button" name="offensivePlay" id="superPlay"
                       class="btn btn-primary" value="中级水平"/>

                <input type="button" name="button" id="" value="大师水平"
                       class="btn btn-danger " disabled/><br>

                <input type="button" name="regret" id="regretBn" class="btn btn-secondary"
                       value="悔棋"/>
                <input type="button" name="billBn" id="billBn" value="重新开始"
                       class="btn btn-danger"/>
            </div>
        </div>
    </div>
    <div class="chess_right" id="chessRight">
        <select name="billList" id="billList">
        </select>
        <ol id="billBox" class="bill_box">
        </ol>
    </div>
    <div id="moveInfo" class="move_info"></div>
</div>

<script src="js/common.js"></script>
<script src="js/play.js"></script>
<script src="js/AI.js"></script>
<script src="js/bill.js"></script>
<script src="js/gambit.js"></script>
</body>
</html>